Appearance
属性用来改写目标的具体样式。 通过键值对的方式,表示属性名和属性值。
标签定义 - 根据目标分类: #文字类 只用于改变文字的样式。
文字
text-decoration
声明文本修饰样式
underline 下划线盒子
盒模型长宽范围(怪异盒模型)
box-sizing: content-box|border-box|inherit;盒模型长宽范围:默认内容+内边距 | 标准盒模型内容 | 怪异盒模型内容+内边距+边框
弹性容器
display:flex | inline-flex设置盒子类型:弹性盒子
flex-flow: flex-direction flex-wrap弹性盒排序与换行:排序属性值 换行方式属性值
flex-direction:row|row-reverse|column|column-reverse弹性项排列顺序:默认横向排列 | 横向倒序排列| 竖向排列| 竖向倒序排列
flex-wrap:nowrap|warp|wrap-reverse弹性项换行方式:默认不换行| 换行 | 换行且倒序?
justify-content:flex-start|flex-end|center|space-between|space-around主轴对齐方式:默认聚集于开始端 | 聚集于结尾端 | 聚集于容器中间 | 平均分布在主轴 | 平分外边距后,平均分布在主轴
align-items:stretch|flex-start|flex-end|center|baseline侧轴对齐方式:默认拉伸至弹性盒高度 | 默认聚集于开始端 | 聚集于结尾端 | 聚集于容器中间 | 元素共享相同基线
align-content:stretch|flex-start|flex-end|center|space-between|space-around|align-content